.dialog-info {
    padding: 10px;
    width: 100%;

    .info-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 10px;
        font-size: 12px;
        color: #586275;

        .label {
            width: 20%;
            flex-shrink: 0;
        }
    }

    .info-item-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 10px;
        font-size: 12px;
        color: #586275;
        width: 100%;

        .label {
            width: 20%;
            flex-shrink: 0;
        }

        .item-context-list {
            width: 80%;
            flex-shrink: 0;

            .list-item {
                display: flex;
                align-items: flex-start;
                margin: 15px 0;

                .time {
                    flex-shrink: 0;
                    width: 25%;
                    line-height: 20px;
                    margin-right: 10px;
                }

                .info {
                    flex-shrink: 0;
                    width: 65%;
                    line-height: 20px;
                }

                .actived {
                    color: rgb(27, 177, 27);
                }

                .refresh {
                    flex-shrink: 0;
                    width: 10%;
                }
            }
        }

    }
}